<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">

<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="css/ui-box.css">
    <link rel="stylesheet" href="css/ui-base.css">
    <link rel="stylesheet" href="css/ui-color.css">
    <link rel="stylesheet" href="css/appcan.icon.css">
    <link rel="stylesheet" href="css/appcan.control.css">
    <link rel="stylesheet" href="index_content/my.css">
    <link rel="stylesheet" href="css/lib/swiper.css">
</head>

<body class="um-vp bg-col1" ontouchstart>
    <div class="ub ub-ver">
        <div id="slider" class="slider"></div>
        <!--九宫格 start-->
        <!--  <div class="ub-f1 ub u-pad4 ub-ver font-s6">
           
            <div class="ub-f1 ub">
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon1 jg-uwh"></div>
                    <div class="ub-f1 umar-t">天猫</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon2 jg-uwh"></div>
                    <div class="ub-f1 umar-t">聚划算</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon3 jg-uwh"></div>
                    <div class="ub-f1 umar-t">淘生活</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon4 jg-uwh"></div>
                    <div class="ub-f1 umar-t">淘点点</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon5 jg-uwh"></div>
                    <div class="ub-f1 umar-t">天猫超市</div>
                </div>
            </div>
            
            <div class="ub-f1 ub umar-t">
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon6 jg-uwh"></div>
                    <div class="ub-f1 umar-t">充值</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon7 jg-uwh"></div>
                    <div class="ub-f1 umar-t">阿里旅行</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon8 jg-uwh"></div>
                    <div class="ub-f1 umar-t">领金币</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon9 jg-uwh"></div>
                    <div class="ub-f1 umar-t">赢宝箱</div>
                </div>
                <div class="ub-f1 ub ub-ver ub-con ub-ac">
                    <div class="ub-f1 ub-img jg-icon10 jg-uwh"></div>
                    <div class="ub-f1 umar-t">分类</div>
                </div>
            </div>
        </div> -->
        <div id="slider-icon" class="swiper-container">
            <div class="swiper-wrapper">
                <!--slide 第一页-->
                <div class="swiper-slide">
                    <div class="ub ub-ver">
                        <!--第一排-->
                        <div class="ub-f1 ub umar-a">
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon1 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">天猫</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon2 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">聚划算</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon3 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">附近</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon4 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">淘生活</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon5 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">淘点点</div>
                            </div>
                        </div>
                        <!--第二排-->
                        <div class="ub-f1 ub" style="margin: 0.4em 0.4em 2em 0.4em;">
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon6 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">自助餐</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon7 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">KTV</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon8 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">度假出行</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon9 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">机票/火车票</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh jg-icon10 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">足疗按摩</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--slide 第二页-->
                <div class="swiper-slide">
                    <div class="ub ub-ver bg-wit">
                        <!--第一排-->
                        <div class="ub-f1 ub umar-a">
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon11 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">优惠券</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon12 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">家装</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon13 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">母婴用品</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon14 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">附近景点</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon15 umar-t"></div>
                                <div class="ulev-2  umar-t tx-c">学习培训</div>
                            </div>
                        </div>
                        <!--第二排-->
                        <div class="ub-f1 ub" style="margin: 0.4em 0.4em 2em 0.4em;">
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon16 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">星巴克</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon17 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">徒步旅行</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon18 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">爱情钻戒</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon19 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">优惠放送</div>
                            </div>
                            <div class="ub-f1 ub ub-ver ub-ac">
                                <div class="ub-img jg-uwh icon20 umar-t"></div>
                                <div class="ulev-2 umar-t tx-c">宠物医院</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--slide 第三页-->
                <div class="swiper-slide bg-wit" style="height:11em;">Slide 3</div>
            </div>
            <!-- Add Pagination 如果需要分页起  three points-->
            <div class="swiper-pagination" style="bottom: 0.6em;"></div>
        </div>
        <!--九宫格 end-->
        <!--淘宝头条-->
        <div class="ub ub-f1 tit-hei  ub-ac" style="border-top: 1px solid #eee;">
            <div class="ub-f1 ub uw30 u-pad3">
                <img src="index_content/img/tt.png" class="ub-img ub-f1 ub-ac ub-pc uw100">
            </div>
            <div class="ub-f1 ub uw70 ub-ac">
                <div style="width:2.2em;height:1.2em;border:1px solid #DD3B2B" class="font-s6 font-col5">热门</div>
                <div class="umar-l font-s5" style="font-weight: 600;">Angelbaby 化身珍珠女神</div>
            </div>
        </div>
        <!--小灰条-->
        <div class="ub-f1" style="width:100%;height:0.571em;background-color: #eee;"></div>
        <!--淘抢购-->
        <div class="ub-f1 ub">
            <!--淘抢购-->
            <div class="ub-f1 ub ub-ver uinn7" style="border-right: 1px solid #eee;">
                <div class="ub-f1 ub" style="margin-left: 1.5em;">
                    <div class="ub-img qtb-icon7" style="height:1em;width: 1em;"></div>
                    <div class="font-s1 font-col5  tx-c umar-l" style="font-weight:600;">淘抢购</div>
                </div>
                <div class="font-s8 font-col9 tx-c">绅士短袖T恤+五分裤</div>
                <div class="ub-f1 ub-img  qtb-icon1 umar-t uw100" style="height:1.825em;"></div>
                <div class="ub-f1 ub-img qtb-icon2 umar-t uw100" style="height:5.3em;"></div>
            </div>
            <!--有好货-->
            <div class="ub-f1 ub ub-ver">
                <div class="ub-f1 ub uinn7 ub-pc" style="border-bottom: 1px solid #eee;">
                    <div class="ub-f1 ub ub-ver tx-c">
                        <div class="ub-img qtb-icon6" style="height:1em;width: 1em;position: absolute;"></div>
                        <div class="ub-f1 font-s1 font-col4" style="font-weight:600;">有好货</div>
                        <div class="ub-f1 font-s8 font-col9">原创设计品味生活</div>
                    </div>
                    <div class="ub-f1 ub-img qtb-icon3" style="height:1.825em;width:30%;"></div>
                </div>
                <div class="ub-f1 ub">
                    <div class="ub-f1 u-pad6" style="border-right: 1px solid #eee;">
                        <div class="ub-f1 ub-ver tx-c">
                            <div class="ub-f1 font-s1 font-col6">爱逛街</div>
                            <div class="ub-f1 font-s8 font-col9 tx-hid">大学生宿舍必备</div>
                        </div>
                        <div class="ub-f1 ub-img qtb-icon4 umar-t" style="height:3.825em;"></div>
                    </div>
                    <div class="ub-f1 u-pad6">
                        <div class="ub-f1 ub-ver tx-c">
                            <div class="ub-f1 font-s1 font-col7">每日首发</div>
                            <div class="ub-f1 font-s8 font-col9 tx-hid">大学生宿舍必备</div>
                        </div>
                        <div class="ub-f1 ub-img qtb-icon5 umar-t" style="height:3.825em;"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--超实惠-->
        <div class="ub ub-ver" style="border-top: 1px solid red;">
            <div class="ub-f1 ub" style="border-bottom: 1px solid #eee;">
                <div class="ub-f1 ub ub-ver  uw40">
                    <div class="ub-f1 uinn7">
                        <div class="ub-f1 font-s5" style="font-weight: 600;">聚划算</div>
                        <div class="ub-f1 font-s5 font-col6">10万份使用量贩狂送</div>
                        <div class="ub-f1 ub uc-a ub-pc ub-ac" style="width:2em;height:0.9em;border:2px solid #DD3B2B">
                            <div class="font-s5" style="color: #DD3B2B;font-weight: 600;">免单</div>
                        </div>
                    </div>
                </div>
                <div class="ub-f1 uw60">
                    <div class="ub-f1 ub uinn7">
                        <div class="ub-f1 ub-ver ub ub-con ub-ac">
                            <div class="ub-img ub-f1 jhs-icon1 uw100" style="height:3em;"></div>
                            <div class="ub-f1 ub ub-ac" style="width:3.2em;height:1em;background-color:#FF4400;">
                                <div class="ub-f1 font-s5 tx-c" style="color:#fff;">品牌团</div>
                            </div>
                        </div>
                        <div class="ub-f1 ub-ver ub ub-con ub-ac">
                            <div class="ub-img ub-f1 jhs-icon2 uw100" style="height:3em;"></div>
                            <div class="ub-f1 ub ub-ac" style="width:3.2em;height:1em;background-color:#FF4400;">
                                <div class="ub-f1 font-s5 tx-c" style="color:#fff;">海外聚</div>
                            </div>
                        </div>
                        <div class="ub-f1 ub-ver ub ub-con ub-ac">
                            <div class="ub-img ub-f1 jhs-icon3 uw100" style="height:3em;"></div>
                            <div class="ub-f1 ub ub-ac" style="width:3.2em;height:1em;background-color:#FF4400;">
                                <div class="ub-f1 font-s5 tx-c" style="color:#fff;">量贩团</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ub-f1 ub">
                <div class="ub-f1 ub ub-ver uw40" style="border-right: 1px solid #eee;">
                    <div class="ub-f1 uinn7">
                        <div class="ub-f1 font-s5">天天特价</div>
                        <div class="ub-f1 font-s8 font-col6">10元好货 提前过周末</div>
                        <div class="ub-f1 ub-img jhs-icon4 uw100" style="height:4.5em;"></div>
                    </div>
                </div>
                <div class="ub-f1 ub uw60">
                    <div class="ub-f1 ub uinn7">
                        <div class="ub-f1 ub-ver ub ub-ac" style="border-right: 1px solid #eee;">
                            <div class="font-s5">周末淘宝</div>
                            <div class="ub-f1 font-s8 font-col6">百货7元起</div>
                            <div class="ub-img ub-f1 jhs-icon5 uw100" style="height:2.8em;"></div>
                        </div>
                        <div class="ub-f1 ub-ver ub ub-ac" style="border-right: 1px solid #eee;">
                            <div class="font-s5">免费使用</div>
                            <div class="ub-f1 font-s8 font-col6">手机0元够</div>
                            <div class="ub-img ub-f1 jhs-icon6 uw100" style="height:2.8em;"></div>
                        </div>
                        <div class="ub-f1 ub-ver ub tx-l">
                            <div class="font-s5">清仓</div>
                            <div class="ub-f1 font-s8 font-col6">季末2折清</div>
                            <div class="ub-img ub-f1 jhs-icon7 uw100" style="height:2.8em;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--有特色-->
        <div class="ub ub-ver" style="border-top: 1px solid #6CC096;">
            <div class="ub-f1 ub" style="border-bottom: 1px solid #eee;">
                <div class="ub-f1 ub ub-ver  uw40">
                    <div class="ub-f1 uinn7">
                        <div class="ub-f1 font-s5" style="font-weight: 600;">拍卖会</div>
                        <div class="ub-f1 font-s5 font-col9" style="padding :0.2em 0;">限量新车5折起！！！</div>
                        <div class="ub-f1 ub uc-a ub-pc ub-ac" style="width:2em;height:0.9em;border:2px solid #6CC096">
                            <div class="font-s5" style="color: #6CC096;font-weight: 600;">best</div>
                        </div>
                    </div>
                </div>
                <div class="ub-f1 uw60">
                    <div class="ub-f1 ub uinn7">
                        <div class="ub-f1 ub-ver ub ub-con ub-ac">
                            <div class="ub-img ub-f1 pmh-icon1 uw100" style="height:3em;"></div>
                            <div class="ub-f1 ub ub-ac" style="width:3.2em;height:1em;background-color: #6CC096;">
                                <div class="ub-f1 font-s5 tx-c" style="color:#fff;">司法拍卖</div>
                            </div>
                        </div>
                        <div class="ub-f1 ub-ver ub ub-con ub-ac">
                            <div class="ub-img ub-f1  pmh-icon2 uw100" style="height:3em;"></div>
                            <div class="ub-f1 ub ub-ac" style="width:3.2em;height:1em;background-color:#6CC096;">
                                <div class="ub-f1 font-s5 tx-c" style="color:#fff;">限时拍</div>
                            </div>
                        </div>
                        <div class="ub-f1 ub-ver ub ub-con ub-ac">
                            <div class="ub-img ub-f1  pmh-icon3 uw100" style="height:3em;"></div>
                            <div class="ub-f1 ub ub-ac" style="width:3.2em;height:1em;background-color:#6CC096;">
                                <div class="ub-f1 font-s5 tx-c" style="color:#fff;">珍品拍卖</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ub-f1 ub">
                <div class="ub-f1 ub ub-ver uw40" style="border-right: 1px solid #eee;">
                    <div class="ub-f1 uinn7">
                        <div class="ub-f1 font-s5">特色中国</div>
                        <div class="ub-f1 font-s8 font-col10">四川特产原味花生酥</div>
                        <div class="ub-f1 ub-img pmh-icon4 uw100" style="height:4.5em;"></div>
                    </div>
                </div>
                <div class="ub-f1 ub uw60">
                    <div class="ub-f1 ub uinn7">
                        <div class="ub-f1 ub-ver ub ub-ac tx-l" style="border-right: 1px solid #eee;padding-right: 0.4em;">
                            <div class="font-s5">淘宝电影</div>
                            <div class="font-s6 font-col10">好片推荐</div>
                            <div class="ub-img ub-f1 pmh-icon5 uw100" style="height:2.8em;"></div>
                        </div>
                        <div class="ub-f1 ub-ver ub ub-ac tx-l" style="border-right: 1px solid #eee;padding-right: 0.4em">
                            <div class="font-s5">淘宝众筹</div>
                            <div class="font-s8 font-col10">智能故事机</div>
                            <div class="ub-img ub-f1 pmh-icon6 uw100" style="height:2.8em;"></div>
                        </div>
                        <div class="ub-f1 ub-ver ub ub-ac" style="padding-left: 0.4em">
                            <div class="font-s5">查看更多</div>
                            <div class="ub-f1 font-s8 font-col10">发现精彩</div>
                            <div class="ub-img ub-f1 pmh-icon7 uw100" style="height:2.8em;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/appcan.js"></script>
    <script src="js/appcan.control.js"></script>
    <script src="js/appcan.slider.js"></script>
    <script src="js/swiper.min.js"></script>
    <script>
    appcan.ready(function() {
        uexWindow.setMultilPopoverFlippingEnbaled(1);
        appcan.initBounce();
        var swiper;
        if (!swiper) swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination'
        });
    });

    var slider = appcan.slider({
        selector: '#slider',
        aspectRatio: 6 / 16,
        hasLabel: false,
        index: 0,
        auto: 1500
    });
    slider.set([{
        img: "index_content/img/ad1.png",
        label: ""
    }, {
        img: "index_content/img/ad2.png",
        label: ""
    }, {
        img: "index_content/img/ad3.png",
        label: ""
    }, {
        img: "index_content/img/ad4.png",
        label: ""
    }, {
        img: "index_content/img/ad5.png",
        label: ""
    }, {
        img: "index_content/img/ad6.png",
        label: ""
    }])
    slider.on("clickItem", function(index, data) {})
    </script>
</body>

</html>
